import React from 'react'
import { Link } from 'react-router-dom'
import styles from './style.less'
import Links from '../../components/links'
import Title from '../../components/title'
import newImg from '../../static/images/new.gif'


class Main extends React.Component{
  constructor(props){
    super(props);

  }

  render(){
    return(
      <div className={ styles.main } >
        <div className={styles.topLink}>
          <Links.Top>
            <Links.a to="/">怀旧老歌曲</Links.a>
            <Links.a to="/">全网最新</Links.a>
            <Links.a to="/">人气最高</Links.a>
            <Links.a to="/">催泪短片</Links.a>
          </Links.Top>
        </div>

        <div className={styles.title}>
          <Title>热门短片</Title>
        </div>


        <div>content-list</div>
        <div>nav-list</div>

        <div className={ styles.bottomLink }>
          <Links.Bottom className={ styles.bottomLink }>
            <Links.a to="/">免费订阅</Links.a>
            <Links.a to="/">最新<img src={newImg}/></Links.a>
            <Links.a to="/">最火🔥</Links.a>
          </Links.Bottom>
        </div>

      </div>
    )
  }
}

export default Main;